عنوان الدرس : مواقع آلويب 
التمميد : وضح اهمية المستعرض فى تصفح الانترنت؟ 
إستراتيجية سس الحوار کے 


ا ا ا سے 1 

يكون الطالب قادر على أن: E E Ta TL‏ ييا a‏ 
او سس 07 > وموقع الويب له عنوان علي شبكة الإ نترنت يسمي عنوان الموقع اء و001:©5 4 
(موقع الويب/ صفحه الويب/ | - يمكن زيارة الموقع من خلال الكمبيوتر أو الهاتف المحمول. 

الصفحة الرئيسة). صفحة لويب دا۷ 00 : 

-١‏ يستنتج مكونات موق6 اهي مستند به محتوى الكتروني ينشر على شبكة الإنترنت ويتم عرضه من خلال المستعرض 
١‏ نب ° 

۳ يوضح عناصر صفحة || هي عبارة عن صفحة اول بموقع ومن خلالها يتم الانتقال إلى باقي الصفحات بالموقع. 

الويب (نص - صورة - مكونات صفحة الويب: تتكون من مجموعة من الصورء النصوص. الصوت» الفيديو 
فيديو الارتباطات التشعبية 


-٤‏ يفرق بين صفحات الويب الآرتباظ الَتشَعبِي :- هو عبارة عن نص أو صورة عندالضغط علية ينقلنا لصفحة ويب اخرى 
الثابته - صفحات الويب || المستعرض 510151٠‏ :- 
التفاعية). هو برنامج يستخدم لعرض وفتح المعلومات المختلفة والمتاحة على شبكة الإنترنت . 
أنوا6ة صفحات الونبي 
١‏ 


-محتواها معد مسبقا بواسطة مصمم الصفحة ويظل هذا المحتوى ثابت 
-تستخدم صفحات الويب الثابتة لعرض معلومات يتم الاطلاع عليها فقط بدون إجراء اى 
معالجة من الزائرين لمحتواها. تستخدم أوامر 1117411 في تصميم هذا النوع من الصفحاتء 


هي صفحة معلومات تعرض محتوى يتيح للزائرين التفاعل معه ومعالجته. 

١‏ - الحذف والتعديل والإضافة . ۲ - كتابة التعليقات 

؟ - تغيير المحتوي حسب اختيارات الستخدم ٠.‏ - اختبار مدخلات المستخدم 
لتصميم هذا النوع من صفحات: 

تستخدم أوامر ۲۲۷1 بالإضافة للغات أخرى مثل لغة Java Sip)‏ » لغة 4۲۴ .P‏ 


إعداد أ/ عمر سليمان إدارة بلطيم التعليمية 


عنوان الدرس : مراحل تصميم وانشاءموقع الويب 


التمهيد : ماهو اشهر محركات البحث على الانترنت © 


إستراتيجية التعلم : التعلم النشط 


ا هذا 0ك 

يكون الطالب قادر على أن: 

-١‏ يوضح مراحل 

تصميم وانشاء موقع الويب 

؟"-يبحث عن المعلومات 

المطلوبة عبرالانترنت 
"-يفرق بين مراحل انشاء 
وتصميم موقع. 


إعداد أ/ عمر سليمان 


ا 1 
0 لدم 5 
- يتم في هذه المرحلة عمل رسم تخطيطي للموقع على الورق يتضمن صفحات الموقع موقع الويب يمر بعدة 
(الصفحة الرئيسة للموقع وصفحات الويب المرتبطة بها) 
- تحديد البيانات والمعلومات التي تتضمنها صفحات الويب كمعلومات وخدمات تقدم من 
خلال الموقع حسب الحاجة. 
- المرحلة الثانية: 
- تصميم شكل الصفحة الرئيسة وصفحات الموقع. 
- تحديد التنسيقات المختلفة لصفحات الويب مثل لون الخلفية» حجم الخط.لونه. نوعهء 
أماكن وضع النصوص. الصورء ولقطات الفيديو بصفحات الويب. 
- تحديد الارتباطات التشعبية داخل الصفحة الرئيسة و صفحات الموقع. 
- المرحلة الثالثة: 
١-إعداد‏ وتجهيز النصوص:البحث عن المعلومات اللازمة فى الانترنت 
- من خلال أحد منسقات النصوص يتم إعداد و تجهيز البيانات النصية التي سوف 
توضع في صفحات الويب» حفظ النص داخل ملف نصي ووضعه داخل مجلد. 
"- إعداد و تجهيز ملفات الصور : التقاط صور للمدرسة - تجميع صور للانشطة 
والمسابقات والشهادات - وحفظ الصور بملفات داخل احد وحدات التخزين. 
۳- إعداد و تجهيز ملفات الصوت و الفيديو وحفظها داخل أحد المجلدات» 
- المرحلة الرابعة: 
هي مرحلة تحويل التصميم الورقي بالمراحل السابقة إلى صفحات وبب يمكن عرضها 
من خلال أحد برامج متصفحات الإنترنت. 
- إضافة البيانات (نصوص - صور - صوت - فيديو....) في صفحات الويب. 
- إنشاء الارتباطات التشعبية بين صفحات الويب حتى يسهل التنقل بين صفحات الموقع 
- المرحلة الخامسة: 7&5 الاؤقة [عب[الانتانت. 


تتضمن حجز عنوان للموقع» تخصيص مساحة تخزينية للموقع على أحد أجهزة الخادمء 


إدارة بلطيم التعليمية 


عنوان الدرس : إنشاء و معالجة ملفات الصوث 
اتم هيد : ما الفرق بين االبرامج مفتوحة المصدر والمغلقة ؟ 
إستراتيجية اس ا سس 


5 فين في نهاية هذا جببواب يي ن اه 000 E 1١‏ 
.| يجب أن يكون الطالب أ -هى تلك البرامج التى تمكن المستخدم من انشاء وتعديل ومعالجة ملفات الصوت بطريقة سهلة. برنامج Audacity‏ 
٠ه‏ السبورة | قدر على أن: أولا:مرحلة الإعداد والتجهيز لإنشاء ملف صوت: e‏ 
الذكىة -١‏ يتعرف على برنامج -١‏ بجمع البيانات التي سوف يتم تسجليها صوتيا. و و 
. إنشاء و معالجة ؟"- المكونات المادية. ( توصيل الميكروفون” 3110” - السماعات ) و a‏ 
۰ سارن a‏ الصوت. ۳- التأكد من تثبيت أحد برامج إنشاء ومعالجة الصوت على أجهزة الكمبيوتر بالمعمل. ؟"-لاضافة تاثير 
-١ !‏ يتعرف على مراحل | I‏ النتقبةالإتشاء من انضطوت: الصوت نفة 
العرض الإعداد و -١ a‏ تحميل أحد برامج إنشاء ومعالجة الصوت. ف ا 3 
لإنشاء ملف صوت . "- البدء في تسجيل الصوت من خلال البرنامج ونختار 0 


۳-یستخدم برنامج ۳- استخدام أحد وحدات الإدخال (الميكروفو 7 الإدخال البيانات الصوتية. 

."Stop " لإنشاء و 4- الانتهاء من ادخال البيانات الصوتية يتم الضغط على زر الإيقاف‎ Audacity 

معالجة ملفات الصوت. ٥ه-‏ لتشغيل الصوت بالضغط على زر تشغيل "'2"2[129 الاستماع إلى SE‏ السماعات. 

٠.‏ ومن أهم برامج معالجة الصوت هو 

تعريف البرنامج : انط مفتوح المصدر يستخدم في معالجة ملفات الصوت والتعديل فيها 
وإنشاء ملفات صوتية 25 وعالجتي وحفظها في صوي#كثر من امتداد .. 

: Audacity © ١ ب لات‎ 

-١‏ برنامج مجاني › مفتوح المصدر - يدعم اللغة العربية 

"- إإمكانية التسجيل المباشر للصوت بداخله 

۳- واجهة سهلة في التعامل 

2-4 إمكانية قص ولصق ودمج الملفات الصوتية 

ه-< إضافة مؤثرات متنوعة على الصوت 

-٦‏ استيراد أصوات بصيغ مختلفة وتصديرها بصيغ مختلفة 


ه إضافة تأثيرات على مقطع صوتي. 
ه تحديد مقطع الصوت المطلوب إضافة التأثير له وذلك بالضغط والسحب على الجزء المطلوب 
- بالصوت باستخدام مؤشر القراءة على الشريط الزمني. 
ه من قائمة ]1571160 يتم اختيار أحد التأثيرات المطلوبة. 
1 ه نلاحظ :عند اختيار "12876214 "يتم تكرار المقطع المحدد Reverse'"-‏ '"'يتم_ عکس المقطع. 
اد |/ عمر يمان إذارة بلطيم التعليمية 


عنوان الدرس : تابع إنشاء و معالجة ملفات الصوت 
التمهيد : وضح الفرق بين انواع امتدادت الصوت؟ 
إستراتيجية التعلم : الحوار والمناقشة 


٠‏ الكمبيوتر في نهاية هذا الدرس يجب 
أن يكون الطالب قادر 
على أن: 

١‏ يتعرف عتكعح 
أنواع امتداد 
ملفات الصوت: 

۲- يفرق بين قص 
ونسخ صوت 

"- يصدر ملف صوت 
الى البرامج 
الاخرى. 


اعداد أ/ عمر سليمان 


- تحديد المقطع الصوتي المطلوب قصه. ١‏ اذكر 

- من قائمة Ed)‏ اختيار 4©) . خطوات قص مقطع 
- تحريك مو شر القراءة بالشريط الزمني إلى المكانن المطلوب عمل لصق للمقطع الصوتي. صوتى ؟ 

- من قائمة Ed)‏ اختيار )5وه2. 


اكت "-من انواع 
- تحديد المقطع الصوتي المطلوب حدفه. امتدادت الصوت 
- الضعخط على مفتاح Delete"‏ "من لوحة المفاتيح. 


تصدير ملف الصوت من خلال قائمة File‏ اختيار Audio Export‏ . 

- تحديد الامتداد المناسب لملف الصوت. 

أنعاع اأمتداد هالفات (الصدتة 

هناك أنواع مختلفة لامتداد ملفات الصوت مثل 1۶3۰7۷۸۷ وهي تختلف في جودة ونقاء الصوت 
والمساحة التخزينية وعلى حسب الحاجة يتم استخدام امتداد الملف المناسب. 


- ملف الصوت ذو الامتداد 4¥( يتميز فيه الصوت بالجودة و الوضوح» له سعة تخزينيةكبيرة › 
لذا فهو غير ملائم للنشر عبر مواقع الويب. 

- ملف الصوت ذو الامتداد 1۴3 يكون فيه الصوت أقل نقاء بالمقارنة مع الملف ذو الامتداد 

7 =» له سعة تخزينية أقل» لذا فهو ملائم للنشر عبر مواقع الويب 


إدارة بلطيم التعليمية 


التمهيد :ما هوبرنامج181)21! MOVIE‏ ¢ 
إستراتيجية التعلم : الحوار والمناقشة 


في نهاية هذا جك 1 E‏ 

يجب أن يكون الطالب 

قادر على أن: 

-١‏ يتعرف على 
بعض برامج معالجة 
هء شاشة ملفات الفيديو. 

2- يستورد ملفات 
(صور/ صوت) 
لبرنامج إنشاء 
ومعالجة ملفات 
الفيديو 5[1101ع م0 . 

"- ينشئ مشاهد فيديو 
داخل برنامج معالجة 
ملفات الفيديو. 


إعداد أ/ عمر سليمان 


هي تلك البرامج التي تمكن المستخدم من إنشاء وتعديل ملفات الفيديوبطريقة سهلة و سريعة. 
وهي EE‏ مفتوحة المصدر و يعمل تحت تحت نظام تشغيل ×ںم ةرو نظام التشغيل 775711010155 و هناك 
برنامج HOVE MAKER‏ و الذي يعمل تحت نظام 757120501575 


و لكي يتم إنشاء مشاهد فيديو عن المدرسة اسیو وسو يت اغ الخطوات التالية: 
١-ا|‏ 
ه يمكن استيراد الملفات من قائمة »111 ثم اختيار ]112201 Files‏ . 
5 
ه -يتم وضع الصورة في المسار )عه الخاص بها مع ترتيبها على حسب الرغبة في أولوية 
الظهور. - عند وضع الصورة في المسار 15231 يتكون مشهد فيديو (55060 م11') )وتظهر 
في نافذة معاينة ائلفيديو."'Preview "Video‏ 
- ترتيب باقي الصور في المسارات "' Tracks‏ "على الشريط الزمني. 


ولجعل مشهد الفيديو أكثر جاذبية وتأثير يتم إضافة الموسيقي أو التعليق الصوتي إليه. 
- ولإضافة ملف الصوت يتم الضغط على إضافة ملف + ۸ 400 ©131[الشريط الرئيس 
:81 21213 واضافة ملف الصوت المطلوب ليظهر في تبويب “اع ءز2:0 151165 . 
بالضغط مع السحب على رمز ملف الصوت وا دراجه في أحد ١‏ المسارات (12-212) 
؛ - معاينة الغيديو. 
٠‏ لعمل معاينة للفيديو يتم الضغط على زر تشغيل "رهآ" "في نافذة معاينة الفيديوء 


إدارة بلطيم التعليمية 


التمهيد : ما هي اهمية ضبط الصوت على الصورة © 
إستراتيجية التعلم : التعلم النشظ 


ا مذا 
الدرس يجب أن 


بکور 2 الطالب قادر 


مراحل انتقالية/ نص) 
لمشاهد الفيديو . 


اعداد أ/ عمر سليمان 


- حفظ جميع الملفات (صورء ل ا شا الفيديو داخل مجلد محدد. 


من قائمة »181 نختار الامر -. 45 270604 5336 - يجب إعطاء اسم للمشروع باللغة الإنجليزية 


٠‏ . تعديل مشاهد الفيديو 


بعد معاينة مشاهد الفيديو قد تحتاج تلك المشاهد إلى التعديل مثل إعادة ترتيب المشاهد حذف احد المشاهد. 


- من خلال تحديد,الفترة الزمنية للمشهد على الشريط الزمني. 


- بالضغط والسحب على رأس مؤشر القراءة وتحريكيه يه حتى يصل للمكان المطلوب على الشريط 


الضغط على مسار المشهد ع112[1الزر الأبمن للفأرة, تظهر قائمة مختصرة. 

- اختيار أمر شريحة الكليب مذا٣‏ 51106 - لينقسم المشهد لشريحتين وعند اختيار: 
Keep Both 511065 -‏ يتم الإبقاء على الشريحتين (اليسري واليمنى). 

- ع110ه »1 Keep‏ يتم الإبقاء فقط على الشريحة اليسري 

Keep Right slide -‏ يتم الإبقاء ففط على الشريحة اليمنى. 


- الضغط على تبويب ''5اع17116." 
- اختيار أحد التأثير ات بالضغط والسحب عليه 

- يظهر رمز التاثير على مشهد الفيديو. ا 

- ولقراءة اسم التأثير يتم التأشير بالفأرة على رمز التاثيره 

- ولحذف التأثير المضاف لمشهد الفيديو بالضغط على زر الفأرة الأيمن على رمز التأثير 
واختيار حذف التأثير .Effect Remove"‏ 


إدارة بلطيم التعليمية 


عنوان الدرس ْ 
التمهيد : ما اهمية الشبكة فى الانترنت ؟ 
إستراتيجية التعلم : التعلم النشط 


لإضافة مر احل انتقالية 1122510105 لمشهد الفيديو: 

- الضغط على تبويب الانتقالات '' 1121151010115." 

- الضغط مع السحب على أحد المراحل الانتقالية واضافته للمشهد المطلوب. 

- وضع المرحلة الانتقالية في بداية أو نهاية المشهد. 

- التحكم في فترة الزمنية لعرض المرحلة الانتقالية بالضغط والسحب عليها لتقليل أو زيادة 
الفترة الزمنية لها بالعرض. 


- من قائمة م1161 يتم اختيار ©1101. 
- ملء بيانات المربع الحواري. 
8 حفظ النص في ملف Save"‏ . 0 


- يظهر الملف النصي في ملفات المدروغ Files Project"‏ ." 
- إضافة الملف النصي إلى مشاهد الفيديو بالضغط مع السحب على الملف واضافته إلى أحد المسارات. 
لتصدبر مالف |الفيديه بامتدادذ مناسب 
- من قائمة »181 نختار الامر Expo)‏ 
- أوالضغط على زر تصدير الفيديو “150011 .١171060‏ “ 
في المربع الحواري لتصدير الفيديو "19527010 15710160 "تحديد التالي: 
- اسم ملف الفيديو Name File"‏ ." 
- مكان حفظ الملف Path Folder"‏ ." 
- نوع امتداد ملف الفيديو "121601 ." 
- تحديد مستوي جودة الملف "011211009 ." 
- تصدير الفيديو بالضغط على زر تصدير الفيديو '"'01:6م1 .۷1de٥‏ 


هناك أنواع مختلفة لملفات الفيديو ذات الامتدادات المختلفة» وتختلف من حيث المساحة التخزينية 
والجودة والنقاء. ويتم تحديد نوع امتداد ملف الفيديو على حسب الاستخدام.( 1 (MP4- ۸V‏ 


إعداد أ/ عمر سليمان إدارة بلطيم التعليمية 


عنوان الدرس 


: لغة الترميز 11101] 
التمهيد : ما هي مكونات لغة الترميز 47101( ؟ 
إستراتيجية التعلم : الحوار والمناقشة 


ا نهاية هذا ا یں 
يجب أن يكون الطالب 
قادر عل ىأن: 

-١‏ يتعرفرعلى 
بعض ادوات 
انتاج صفحات 
المعطومات 
وخدمات 
الإنترنت. 

۲- بتعرف القواعد 
الأساسية 
لإنشاء صفحة 
ويب باستخدام 
أوامر HTML‏ 


إعداد أ/ عمر سليمان 


لح ع لس لتر للك 

هي لغة تكويد تستخدم لإنشاء صفحات الإنترنت الثابتة والتي يتم عرضها باستخدام مستعرض الإنترنت. ١‏ ماهى لغة 

٠‏ أوامر لغة 11 1]: تسمى هذه الأوامر بال وع12 ويقوم برنامج مستعرض الإنترنت بتنفيذها ليظهر أ الترميز M1‏ 1۲؟ 
تأثير تلك الأ وامر على صفحة المستعرض ۲ اذكر 
القواعد الأساسية لإنشاء صفحة وبب باستخدام أوامر E :H1 ML‏ 
- إنشاء ملف نصي باستخدام أحد بر امج تحرير النصوص وذلك لكتابة أوامر ]11۷1 وتعديلها. الأساسية 
- كتابة أوامر,111711 حيث يتم وضع الامر بين العلامتين " < >". مجح ويب 

- معظم الأوامن لها بداية " < > " ونهاية " < /> " . 
- حفظ الملف النصي الذي يحتوي على أوامر ا1۲۷ امتداد ٤ط‏ .أو آنا . 

و الملف المحفوظ باس تخدام المستعرض العرض صفحة الويب ومشاهدة النتيجة 
- لا يشترط أن تكتب أوامر 11717/11بحروف كبيرة Capital‏ أو صغيرة 51212[1[1. 


- كتابة الأمر <11)1111 >فى بداية الكود يشير الى أن المستند مكتوب بلغة [ندراط . 
يقسم كود ,7211711 لقسمین رئيسين هما: 
- 1680 :المنطقة الخاصة بكتاية معلومات للمستعرض حول الصفحة مثل عنوان الصفحة/ 
body -‏ :المنطقة الخاصة بكتاية المحتوى الذى سيظهر داخل الصفحة . 
© 
تتكون صفحة الويب من عنوان ومحتوي .ويظهر عنوان صفحة الويب داخل شريط العنوان 
ه٠‏ خطوات تنفيذ نشاط كتابة كلمة" درمتي "فى عنوان الصفحة 
- تحميل أحد برامج تحرير النصوص. / 
- كتابه التركيب البنائي لإنشاء صفحه ويب كأوامر 11112311 . 
- كتابة أمر <1)16) />حدوسني <1]16) >في الجزء المخصص 
- حفظ الملف باسم '"' 12012.511001 ."بامتداد 1121[ 
- فتح الملف باستخدام المستعرض - نلاحظ كلمة مدرستى تظهر فى عنوان الصفحة 


إدارة بلطيم التعليمية 


التمهيد : ماهى اهمية لغات البرمجة ؟ 
إستراتيجية التعلم : الحوار والمناقشة 


ه يمكن أن تحتوي صفحة الويب u‏ جصعص سا (نص- صورة - فيديو ‏ _ارتباط تشعبي-...) 
خطوات كتابة نص داخل الصفحة : 
- في الملف النصي السابق تكتب العبارة "مدرستي جميلة ونظيفة ومتطورة" 
داخل أمر <body/> ... <body>‏ 
- حفظ الملف النصي بنفس الاسم "' 116111.512001 ." 
- نفتح الملف من المستعرض - نلاحظ كلمة" مدرستى جميلة ونظيفة " تظهر داخل الصفخة ا 

؟"- اذكرخطوات 

كتابة كود النص 


عند ت صفحة ويب ذات واجهة عريبة بجب تغيبر الاتجاه للصفحة من اليمين لليسا : 
تصميم ويب دات واجهه عربيه يجب تغيير الاتج من اليمين لليسار فى المنتصف ؟ 


قيمة الخاصية تأتيرهاءال 


اتجاه صفحة الويب من اليمين الى اليسار- ۴ اتجاه صفحة الويب من اليسار الى اليمين 


١‏ - الكتابة بداية من سطر حديد بالأمر< ١ط‏ > : لكي يظهر النص داخل الصفحة في سطرين 
>b0dy dir =" +1" <‏ بداية الموضوع 
٠‏ نكتب السطرالاول وليكن اسم المدرسة 
<br > ٠.‏ 
٠‏ نكتب السطر الثانى وليكن اسم الطالب 
body / <‏ > نهاية الموضوع 
٣‏ -محاذاة النص (توسيط) بالأمر <١٠٤٤"همء>‏ لوضع نص في منتصف السطر 
0 خطواتٍ كتابة نص منتصف الصفحة : 
58 1 الأمر <مرع)رورءن <موقع المدرسة </إم)رمc‏ > 
- حفظ تعديل الملف النصي. 
- فتح الملف من خلال مستعرض الإنترنت.نلاحظ النص فى منتصف الصفحة 


إعداد أ/ عمر سليمان إدارة بلطيم التعليمية 


عنوان الدرس : تنسيق صفحة الويب. 
التمهيد : ماالفرق بين لون الخط ولون الخلفية © 
إستراتيجية التعلم : التعلم النشط 


- مستعرض 0 
للتحكم في عدد المسافات (الفراغات) بين الكلمات نستخدم 
الرمز ؛موداه 8 حيث يتم تكراره بعدد الفراغات المطلوبة بين الكلمات. 
- فتح الملف النصي السابق . 
كتابة الكود. " موفع «مكط1 &nbsp; &nbsp&‏ ;spطہ؛‏ " المدرسة". 
- حفظ الملف النصي بامتداد 11111 . 
- فتح الملف في مستعرض الإنترنت. 
- لاحظ ظهو ر العبارة "موقع المدرسة" مع وضع ؛ مسافات بين الكلمتين. 
. بالأمر font> ... </font>‏ > 
للتحكم في نوع وحجم ولون الخط يتم استخدام الأمر <اره٤‏ > بعض الخصائص التالية. 
الوظيفة الخاصية 
تحديد نوع الخط face‏ 
تحديد لون الخط color‏ 
تحديد حجم الخط size‏ 


تستخدم الخاصية bg color‏ التابعة للأمر body>‏ > لتحديد لون خلفية صفحة الويب 


- حفظ الملف النصي بامتداد [120:2 . 

- فتح الملف في مستعرض الإنترنت لاحظ ظهور لون خلفية صفحة الويب باللون الأخضر. 
تستخدم الخاصية 10ن011رعء[ء852 التابعة <:70059 > 

- إعداد وتجهيز أحد ملفات الصور لوضعها كخلفية لصفحة الويب. 

- حفظ ملف الصو رة ذاخل مجاه 

- كتابة الكود اللازم لوضع الصورة 1ءعع1"4.عمز '"' كخلفية لصفحة الويب 


- حفظ الملف النصي بامتدادم121 فى نفس مجلد حفظ ملف الصورة. 
- فتح الملف في مستعرض الإنترنت لاحظ ظهور الصورة كخلفية في صفحة الويب.. 


عنوان الدرس : تنسيق الخط في صفحة الويب 
التمهيد : ما هي اهمية ادوات النقل والتحجيم ؟ 
استراتيجية ر س : الحوار ةبس لالد 


- من الأوامر ere‏ الخط و منها الأوامر الموضحة بالجدول التالي -١‏ اذكر خطوات 
الوظيفة الخاصية ل 00 
<نا > فغ خط تت النض 

<b >‏ (8010) خط عر يض 
<Î>‏ (©11311) مائل خط 


- إضافة الكود: 

< / > مدرستي جميلة ونظيفة ومتطور < > 

- حفظ التعديل الملف النصي. 

الملف في مستعرض الإنترنت - نلاحظ كلمة "مدرستي جميلة ونظيفة ومتطورة " ظهرت بشكل مائل. 


أشهر الاكواد المستخدمة 


<HTML> 111711. تحديد بداية و نهاية اوامر لغة‎ </HTML> 
<HEAD> انشاء رأس الصفحة‎ </HEAD> 
<TITLE> انشاء عنوان الصفحة الذي يظهر في شريط العنوان للموقع‎ </ TITLE= 
Title Bar 
<BODY> انشاء محتويات الصفحة‎ </BODY> 
CENTER> توسيط النص الذي يقع بين كود البداية و النهاية‎ </CENTER> 
<BR> الاتتقال إلي سطر جديد‎ 
<P> الانتقال إلي ققرة جديدة‎ 
&nbsp; لحمل مسافة واحدة و لعمل اكثر من مسافة نكرر الكود‎ 


لجعل الخط اسود عريض <B>‏ 


إعداد |/ عمر سليمان إدارة بلطيم التعليمية 


التمهيد : ما فائدةالتحكم فى ابعاد الصورة © 
إستراتيجية التعلم : الحوار والمناقشة 


. اك 2 هذا 
الدرس يجب أن يكون yl‏ صورة في صفحة الويب يتم استخدام خاصية 58:2 التابعة للأمر <7210 ١‏ - اذكر خطوات 
الطالب قادر عل ى أن < 1 ادرج صورة للصفحة ؟ 
١-يدرج‏ صو رقداخل ويتطيين ذلك تحديد اسم ملف الصورة و مكان حفظه. , . - ۲- من انواع 
00 ملاحظات هامة: في حالة تواحد ملف الصورة في مجلد آخر يجب كتابة مسار 

: ملف الصورة كاملا. 
العحکم فى إبعاخ [الصعرة بصفجة لویب 
يمكن تنسيق الصورة المدرحة بالتحكم في ابعادها (الارتفاع والعرض) و محاذاتها 
فى الصفحة . 
يتم التحكم في أبعاد الصورة من خلال خصائص الأمر < وص¡ >الآتي :. 
- الخاصة 619118( ارتغاع ال٠+٠+٠+٠+٠٠+٠+٠+٠+*صورة).‏ مثال heig ht"=۲**"‏ 
- الخاصية 1/1011( عرض الصورة). مثال ٠٠"‏ ع "طغلآننا 
ويتم استخدام وحدة القياس البكسل "اء×آ۴ "لقياس ابعاد الصورة. 


و هفووةثءءةثءةهةهةه. 


القيمة الوظيفة 
Right‏ محاذاة الصورة لأقصى يمين صفحة 
Left‏ محاذاة الصورة لأقصى يسار صفحة 
Middle‏ النص يقع بمحاذاة منتصف الصورة 
Bottom‏ النص يقع بمحاذاة الحافة السفلى للصورة 
Top‏ النص يقع بمحاذاة الحافة العليا للصورة 


: لمحاذاة الصود ة لأقصى اليمين لصفحة الويب نستخدم الكود ١"‏ وااه"=امواا . 
- لمحاذاة الصورة ليقع النص بمحاذاة الحافة العليا للصورة نستخدم الكود 
top="align"‏ . 


اعداد أ/ عمر سليمان إدارة بلطيم التعليمية 


0 7 : مافاند الخلفية الصوتية فى الصفحة ؟ 
إستراتيجية التعلم : الحوار والمناقشة 


e‏ في ا هذا 

الدرس يجب أن أهراع الصوت كخلفية صدتية لصفجة بالامر <dمسهة‏ وط > 

يكون الطالب قادر يمكن إدراج الصوت كخلفية للصفحة حيت يتم الاستماع إليه عند تحميل صفحة 

على أبغ باستخدام الأمر <295010110 > و الخاصية ©:5 المصاحبة له 

-١‏ يفرق بين ادراج :مستعرض الإنترنت Explorer Internet‏ " هو المستعرض الوحيد ٠‏ 2- مافائدة الارتباط 
اذ اس قد الذى يدعم تنفيذ الامر <05010110© >لإدراج الصوت كخلفية صوتية لصفحة 5 > 

صوب وادراع ديو أهراه فيديه هزخال صفجة العبب بالامر < هطو لتشعبى للموقع ؛ 


ع يمسسدرج ارتبسساط استخدام الأمر <17660© >يتم إدراج الفيديو في صفحة الويب» ويجب ملاحظة 
یی أن هذا الأمر يدعم ملغات الفيديو من النوع (للاد. - ألاة. - m0۷‏ ). 
؟- يتعرف على | باستخدام الأمر <ل#ط"٠‏ >و الخاصية ع:5 المصاحبة لهء يتم إدراج الفيديو, --- 
الارتباط التشعبى قيمة الخاصية ح:5: تأخذ اسم ملف الفيديو وامتداده 

(اذاكان حفظ الملف مع ملف صفحة الويب في نفس المجلد- وغير ذلك يجب كتابةالمسار كاملا ) 


لإدراج ارتباط تشعبي تستخدم الخاصية عط للأمر <3 >والتي تحدد قيمتها العنوان 
المطلوب الانتقال إليه: ويكون شكل الأمركالآتي: 
<3 />النص أو الصورة < "العنوان المطلوب الانتقال إليه" =۴هإ" ج> 


١-إدواج‏ اوقباط تشعبي نصي الأهر <3/ >...<ج > 


لإدراج ارتباط تشعبي نصي (نص فائق) لاستخدم الخاصية 4ع[ للأمر <ج .> 


7-إدواج أرقباط تشعبي لصورة 

لكي تصبح صورة ارتباط تشعبي يجب اتباع التالي: 

- إظهار الصورة باستخدام الأمر <وصا .> 

- وضع أمر الصورة <و"¡ >داخل الأمر <3<..>/23 > لتحويلها إلى ارتباط تشعبي 


إعداد أ/ عمر سليمان إدارة بلطيم التعليمية 


عنون رس | EES E5 EXS EÛ]‏ 
التمهيد : ما فائدة انشاء موقع للمدرسة؟ 
إستراتيجية التعلم : التعلم النشط 


e‏ اا الل 


الدرس يجب أن - من التخطيط التفصيلي للموقع يتضح أنه مكون من خمس صفحات ويب وهي كالآتي: 


يكون الطالب قادر ١‏ صفحة الويب الرئيسة "مدرستي " تحفظ بداخل ملف Home. ht‏ 
على أن ۲ .صفحة الوبب "عن المدرسة" تحفظ بداخل ملف ]2011 . htm.‏ 
-١‏ يحدد عدد ۳ .صفحة الويب "ألبوم الصور" تحفظ بداخل ملف 1601 . 1711010 
صفحات الموقع من : .صفحة الويب "الرؤية والرسالة"'تحفظ بداخل ملف ور)ط . visio‏ 
التخطيط التفصيلي | - وسوف يتم إنشاء ال أوامر HTML‏ 
لموقع الويب. 
؟- ينشئ صفحات 
الموقع المختلفة 
بلغة .HTML‏ 

5" -يدرج ارتباطات 


تشعبيه بين صفحات 
الموقع. ٠.‏ يتم تجميع الملفات الخاصة بالمدرسة من معلومات وصور وانشطة وفديو .. 
ه تتكون صفحة الويب الرئيس ا إن اله 

- النص "مدرستي"!( الخط لونه أحمر ‏ نوعه 1210228 - حجمه ١‏ ) 

- خمسة ارتباطات تشعبية نصية. - صورة.- كود صفحة الوبب "الرئيسة" 
عت كتا كرا الصفحات الا دا اي بالصفحة ال لمي 


اعداد أ/ عمر سليمان 


إدارة بلطيم التعليمية 


